<template>
	<view class="page">
		<view class="top">
			<view class="background"></view>
		</view>
		<view class="user-card">
			<view class="card">
				<view class="top">
					<view class="userImage">
						<view type="userAvatarUrl">
							<image :src="customStore.avatar? customStore.avatar : '/static/img/hd.jpg'" class="hdimg"
								mode="aspectFill"></image>
						</view>
					</view>
				</view>
				<view class="bottom">
					<view class="left">
						<view class="user-text">
							<view type="userNickName"></view>
						</view>
						<view class="user-phone">{{ customStore.realName }}</view>
					</view>
					<view class="right flex-center">
						<!-- <u-icon class="icon" name="arrow-right"></u-icon> -->
					</view>
				</view>
			</view>
		</view>
		<view class="list-card">
			<view class="card" @click="customStore.ownInfo()">
				<view class="item item-bottom-solid">
					<view class="left flex-center">
						<image src="/static/img/pinfo.png" mode="aspectFit"></image>
					</view>
					<view class="center">
						<text>个人信息</text>
					</view>
					<view class="right flex-center">
						<!-- <u-icon class="icon" name="arrow-right"></u-icon> -->
					</view>
				</view>
			</view>
			<!-- <view class="card" @click="customStore.getUploadHistory()">
				<view class="item item-bottom-solid">
					<view class="left flex-center">
						<image src="/static/img/1.png" mode="aspectFit"></image>
					</view>
					<view class="center">
						<text>上传记录</text>
					</view>
					<view class="right flex-center">
						
					</view>
				</view>
			</view>
			<view class="card" @click="customStore.contact()">
				<view class="item">
					<view class="left flex-center">
						<image src="/static/img/2.png" mode="aspectFit"></image>
					</view>
					<view class="center">
						<text>联系管理员</text>
					</view>
					<view class="right flex-center">
						
					</view>
				</view>
			</view> -->
		</view>
		<view class="quit flex-center">
			<view class="btn flex-center" @click="customStore.loginOut()">
				退出登录
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		useCustomStore
	} from '@/stores/customStore';
	
	const customStore = useCustomStore();
	customStore.setUserInfo();
	
</script>

<style lang="scss" scoped>
	@import url('@/static/styles/custom.css');
</style>